<!DOCTYPE html>
<html lang="zh_CN">
<head>
	<title>our home</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="/static/client/css/bootstrap.min.css">

	<!-- Optional theme -->

	<link rel="stylesheet" href="/static/client/css/style.css">
	<!--[if lt IE 9]>
	<script src="/static/client/js/html5shiv.js"></script>
	<script src="/static/client/js/respond.min.js"></script>
	<![endif]-->

	<!--[if IE 8]>
	<link rel="stylesheet" href="/static/client/css/index_ie8.css">
	<![endif]-->
</head>
<body  class="header">
	<!--[if IE 8]>
	<img id="imgbg" src="/static/client/img/header_bg.jpg" width="100%" height="100%" style="right: 0; bottom: 0;
        position: absolute; top: 0; left: 0; z-index: -1" />
	<![endif]-->
	<article>
		<header>
			<div class="container padding-middle">
				<h1> <strong>我爱我家！</strong>
					<small>
						这里是 <strong><abbr title="这是我的名字，你还见不到我呢">张小张</abbr></strong> 
						的家.......
					</small>
				</h1>
			</div>
		</header>
	</article>
	<article>
		<section>
			<div class="index_des text-center padding-middle">
				<a id="home_pic" class="thumbnail thumbnail_img_width home-pic-bg" href="/see/page.htm">
					<img class="img-circle" src="/static/client/img/come.png" data-placement="bottom" data-toggle="tooltip" data-original-title="点击进入我家...^_^"/>
				</a>
				<div class="text-default">
					<h4>
						我是
						<strong id="zxz" href="javascript:void(0);" data-content="不要问我在哪里、多大了、爸爸妈妈是谁，因为我自己现在都还不知道呢，等我知道了会告诉你的........." title="" data-toggle="popover" data-original-title="你是不是很好奇啊？"><abbr title="??">张小张</abbr></strong> 
					</h4>
					<h5>
						<p>这里是我的家，爸爸妈妈说要多来看看。如果你想关注我的家，看看我们最近都有什么活动、干了些什么，那就进去看看吧</p>
					</h5>
				</div>
			</div>
		</section>
	</article>
	<article>
		<section>
			<div class="footer text-center">
				<footer>
					<address>
						<strong>张小张版权所有 Copyright@2013-2999.All Rights Reserved.</strong>
						<br/>
						<strong>邮箱</strong>
						<a href="mailto:guying1028@gmail.com">guying1028@gmail.com</a>
						<br>
						<small class="text-primary">建议：请使用ie9+、firefox、chrome浏览器浏览，以获得更好的浏览效果</small>
					</address>
				</footer>
			</div>
		</section>
	</article>
	<script type="text/javascript" src="/static/client/js/jquery.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="/static/client/js/bootstrap.min.js"></script>
	<script src="/static/client/js/holder.js"></script>
	<script type="text/javascript">

    $(function(){

      $('#home_pic').tooltip({
            selector: "[data-toggle=tooltip]",
            container: "body"
        });
      // $("bs-example").popover();
      $("[data-toggle=popover]").popover();
      $("#zxz").mouseout(function(){
        $("#zxz").popover('hide');
      });
      $("#zxz").mouseover(function(){
        $("#zxz").popover('show');
      });
    });

  </script>
</body>

</html>